<style>
    .form-copy {
        margin-right: 5px;
        border-radius: 0;
        box-shadow: none;
        padding: 4px 12px 7px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        border: 1px solid #ccc;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .select2 {
        margin-right: 5px
    }
</style>

<div class="btn-group" style="margin-right: 10px">
    <form action="{{ $action }}" pjax-container method="get">
        <select id="account_id" name="account_id">
            {{ $filtersBlade['account_id'] }}
        </select>
        <select id="group_id" name="group_id">
            {{ $filtersBlade['group_id'] }}
        </select>
        <select id="warehouse_id" name="warehouse_id">
            {{ $filtersBlade['warehouse_id'] }}
        </select>
        <select id="area_id" name="area_id">
            {{ $filtersBlade['area_id'] }}
        </select>
        <select id="country_id" name="country_id">
            {{ $filtersBlade['country_id'] }}
        </select>
        <select id="classify_id" name="classify_id">
            {{ $filtersBlade['classify_id'] }}
        </select>
        <input type="text" class="form-copy" style=" width:120px;" name="fnsku" value="{{ $filtersBlade['fnsku'] }}" placeholder="FNSKU">
        <input type="text" class="form-copy" style=" width:120px;" name="sku" value="{{ $filtersBlade['sku'] }}" placeholder="SKU">
        <button class="btn btn-sm btn-info submit"><i class="fa fa-search"></i>&nbsp;&nbsp;{{ trans('admin.search') }}</button>
        <a style="margin-left: 10px;" href="{{ $action }}" class="btn btn-sm btn-default"><i class="fa fa-undo"></i>&nbsp;&nbsp;{{ trans('admin.reset') }}</a>
    </form>
</div>
<script language="JavaScript" type="text/javascript">
    $(function () {
        $('#account_id').select2({placeholder: '账号', allowClear: true, width: '120px'});
        $('#group_id').select2({placeholder: '海外仓', allowClear: true, width: '150px'});
        $('#warehouse_id').select2({placeholder: '仓库', allowClear: true, width: '150px'});
        $('#country_id').select2({placeholder: '国家', allowClear: true, width: '150px'});
        $('#area_id').select2({placeholder: '站点', allowClear: true, width: '100px'});
        $('#classify_id').select2({placeholder: '品类', allowClear: true, width: '150px'});
    });
</script>
